<template>
    <el-pagination @current-change="currentChange" v-bind="props" />
</template>

<script setup>
import { defineProps, defineEmits } from 'vue'
const props = defineProps({
    layout: {
        type: String,
        default: "prev, pager, next"
    },
    total: {
        type: Number
        // default: 100
    },
    background: {
        type: Boolean,
        default: true
    },
    'page-size': {
        type: Number,
        default: 5
    },
    'current-page': {
        type: Number,
        default: 1
    }
})
const emits = defineEmits(['current-change'])


// 方法
const currentChange = (value) => {
    emits('current-change', value)
}
</script>

<style scoped>

</style>